@mixin PTSerif{
  font-family: 'PT Serif', Helvetica, Arial, serif;
}
@mixin nav-pills-blank($active_color:$pink,$link_color:$black-2){
  @include PTSerif;
  span{
    border-bottom:2px solid transparent;
  }
  li.active{
    >a{
      color: $active_color;
      &:hover,&:focus{
        color: $active_color;
      }
    }
    span{
      border-color: $active_color;
      display: inline-block;
    }
  }
  a{
    color: $link_color;
  }
}
@mixin text-ellipsis{
  text-overflow: ellipsis;
  white-space: nowrap;
}
@mixin padding-lr($paddings:3rem){
  padding-left:$paddings;
  padding-right:$paddings;
}
@mixin padding-tb($paddings:3rem){
  padding-top:$paddings;
  padding-bottom:$paddings;
}

@mixin has-hr($width:50px,$color:#d2d2d2,$top:0px,$height:2px){
  &:after{
    content: '';
    display: block;
    width: $width;
    height: $height;
    background-color: $color;
    position: relative;
    left: 0;
    top: $top;
  }
}

@mixin btn-stroke($bgColor:rgba(0,0,0,0),$color:#fff,$borderColor:#fff,$activeBgColor:#333,$activeColor:#fff,$activeBorderColor:#333){
  background: $bgColor;
  color: $color;
  border-color: $borderColor;
  &:hover,&:focus,&.focus{
    color: $activeColor;
    background: $activeBgColor;
    border-color: $activeBorderColor;
  }
}